<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function diplayPic(){
   var imgs = document.getElementsByTagName("img");
   imgs.item(1).style.display = "none";	
}

function visibilityPic(){
   var imgs = document.getElementsByTagName("img");
   imgs[1].style.visibility = "hidden";	
}
</script>
</head>

<body>
<img src="images/book1.jpg" alt="book1" />
<img src="images/book2.jpg" alt="book2" />
<img src="images/book3.jpg" alt="book3" />
<input type="button" value="用display隐藏图片" onclick="diplayPic()" />
<input type="button" value="用visibility隐藏图片" onclick="visibilityPic()" />
</body>
</html>
